:root {
    --my-sky-color: #30c2ff;
    --my-green-color: #22c068;
    --my-blue-color: #0099ff;
    --my-orange-color: #ffbe00;
    --my-pills-bg: #fff;
    --my-content-width: 95%;
}

.foot-bg {
    background-color: var(--my-blue-color);
}

#pillNavTab {
    --bs-nav-link-color: rgba(255, 255, 255, .75);
    --bs-nav-link-hover-color: #fff;
    --bs-nav-pills-link-active-color: var(--my-blue-color);
    --bs-nav-pills-link-active-bg: var(--my-pills-bg);
}

/* 导航栏宽度 */
.xconents {
    width: var(--my-content-width);
    margin: 0 auto;
    background-color: var(--my-blue-color);
}

.msgbox {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border-left: 2px solid;
}
/* card 上边框颜色及高度 */
.color-bar {
  border-top-width: 0.25rem;
  border-color: var(--bs-primary);
}
.form-switch .form-check-input[type=checkbox] {
    border-radius: 2em;
    height: 28px;
    width: 60px;
    vertical-align:middle;
}
.input-group-text {
    font-size: 1.0em;
}
.form-control {
    font-size: 1.0em;
    height: 40px;
}
#password + .glyphicon {
    cursor: pointer;
    pointer-events: all;
}
.box-static.box-border-top {
    border-top: rgba(0,0,0,.5) 3px solid;
}
.box-static {
    width: var(--my-content-width);
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    background-color: rgba(0,0,0,.05);
    border-top: 3px solid transparent;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.sky-form, .sky-form .label {
    color: #333;
    text-align: left;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
}
body {
    min-width: 320px;
    font-family: 'Helvetica','微软雅黑',Consolas,'Courier New', monospace;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    margin: 8px;
    background-color: #fff;
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.btn-wexin {
    height: 40px;
    color: #fff;
    background-color: var(--my-green-color) !important;
    border-color: var(--my-green-color) !important;
}
.btn-wexin:hover{
    color: #fff;
    border-color: var(--my-green-color);
}
.btn-danger {
    height: 40px;
    color: #fff;
    background-color: var(--my-orange-color) !important;
    border-color: var(--my-orange-color) !important;
}
.btn-danger:hover{
    color: #fff;
    border-color: var(--my-orange-color);
}
.btn-primary:hover{
    border-color: var(--my-blue-color);
}
a{
    color: var(--my-blue-color);
}
a:hover{
    color: var(--my-blue-color);
    text-decoration:underline
}
a.btn {
    text-decoration:none;
    color: #fff;
    line-height: 28px;
    background-color: var(--my-blue-color);
}
.btn.btn-default, .btn.btn-primary {
    height: 40px;
}
.btn{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-primary {
    color: #fff;
    background-color: var(--my-blue-color) !important;
    border-color: var(--my-blue-color) !important;
}
div {
    display: block;
}
.padding-8{
    padding:8px!important
}
.padding-30{
    padding:30px!important
}
.padding-top-80{
    padding-top:40px!important
}
.padding-bottom-80{
    padding-bottom:40px!important
}
.margin-top-10{
    margin-top:10px!important
}
.margin-top-30{
    margin-top:30px!important
}
.margin-bottom-8{
    margin-bottom:8px!important
}
.margin-bottom-10{
    margin-bottom:10px!important
}
.margin-bottom-20{
    margin-bottom:20px!important
}
.margin-bottom-30{
    margin-bottom:30px!important
}
.margin-bottom-40{
    margin-bottom:40px!important
}
.margin-bottom-60{
    margin-bottom:60px!important
}
.margin-bottom-80{
    margin-bottom:80px!important
}
.margin-left-0{
    margin-left:0!important
}
.margin-left-40{
    margin-left:40px!important
}
.margin-right-40{
    margin-right:40px!important
}
.sky-form,.sky-form .label{
    color:#333;
    text-align:left;
    padding:0;
    font-size:14px;
    font-weight:300
}
.checkbox+.checkbox,.radio+.radio{
    margin-top:12px
}
.sky-form.boxed{
    border:rgba(0,0,0,.1) solid
}
.sky-form header{
    margin:0;
    background:-webkit-linear-gradient(top,#fff 1%,#f9f9f9 98%);
    background:linear-gradient(to bottom,#fff 1%,#f9f9f9 98%);
    border-bottom:rgba(0,0,0,.07) 1px solid;
    padding:15px 20px;
    font-size:20px;
    font-weight:400
}
.sky-form.boxed fieldset{
    padding:15px
}
.sky-form label.captcha>img{
    position:absolute;
    top:3px;
    right:2px
}
.sky-form fieldset{
    display:block;
    padding:25px 30px 5px;
    border:none
}
.sky-form fieldset+fieldset{
    border-top:1px solid rgba(0,0,0,.1)
}
.sky-form .section,.sky-form section{
    padding:0;
    margin-bottom:20px
}
.sky-form footer{
    margin:0 15px 10px;
    border-top:rgba(0,0,0,.03) 1px solid
}
.sky-form footer:after{
    content:'';
    display:table;
    clear:both
}
.sky-form .label{
    display:block;
    margin-bottom:6px;
    line-height:19px
}
.sky-form .label.col{
    margin:0;
    padding-top:10px
}
.sky-form .note{
    margin-top:6px;
    padding:0 1px;
    font-size:12px;
    line-height:15px;
    color:rgba(0,0,0,.5);
    font-weight:400
}
.sky-form .button,.sky-form .checkbox,.sky-form .input,.sky-form .radio,.sky-form .select,.sky-form .textarea,.sky-form .toggle{
    position:relative;
    display:block
}
.sky-form .input input,.sky-form .select select,.sky-form .textarea textarea{
    display:block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    width:100%;
    height:40px;
    padding:8px 10px;
    outline:0;
    border-width:2px;
    border-style:solid;
    border-radius:0;
    background:#fff;
    font:15px/19px 'Cascadia Mono', '微软雅黑',Consolas, 'Courier New', monospace;
    color:#404040;
    appearance:normal;
    -moz-appearance:none;
    -webkit-appearance:none
}
.sky-form .col{
    float:left;
    min-height:1px;
    padding-right:15px;
    padding-left:15px;
    box-sizing:border-box;
    -moz-box-sizing:border-box
}
.sky-form .input-file .button{
    position:absolute;
    top:4px;
    right:4px;
    float:none;
    height:31px;
    margin:0;
    padding:0 20px;
    font-size:13px;
    line-height:31px
}
.sky-form .input-file .button:hover{
    box-shadow:none
}
.sky-form .input-file .button input{
    position:absolute;
    top:0;
    right:0;
    padding:0;
    font-size:30px;
    cursor:pointer;
    opacity:0
}
.sky-form .select i{
    position:absolute;
    top:14px;
    right:14px;
    width:5px;
    height:11px;
    background:#fff;
    box-shadow:0 0 0 12px #fff
}
.sky-form .select i:after,.sky-form .select i:before{
    content:'';
    position:absolute;
    right:0;
    border-right:4px solid transparent;
    border-left:4px solid transparent
}
.sky-form .select i:after{
    bottom:0;
    border-top:4px solid #404040
}
.sky-form .select i:before{
    top:0;
    border-bottom:4px solid #404040
}
.sky-form .select-multiple select{
    height:auto
}
.sky-form .textarea textarea{
    height:auto;
    resize:none
}
.sky-form .textarea-resizable textarea{
    resize:vertical
}
.sky-form .textarea-expandable textarea{
    height:40px
}
.sky-form .textarea-expandable textarea:focus{
    height:auto
}
.sky-form .checkbox,.sky-form .radio{
    margin-bottom:4px;
    padding-left:27px;
    font-size:15px;
    line-height:27px;
    color:#404040;
    cursor:pointer
}
.sky-form .checkbox:last-child,.sky-form .radio:last-child{
    margin-bottom:0
}
.sky-form .checkbox input,.sky-form .radio input{
    position:absolute;
    left:-9999px
}
.sky-form .checkbox i,.sky-form .radio i{
    position:absolute;
    top:4px;
    left:0;
    display:block;
    width:19px;
    height:19px;
    outline:0;
    border-width:2px;
    border-style:solid;
    background:#fff
}
.sky-form .radio i{
    border-radius:50%
}
.sky-form .checkbox input+i:after,.sky-form .radio input+i:after{
    position:absolute;
    opacity:0;
    transition:opacity .1s;
    -o-transition:opacity .1s;
    -ms-transition:opacity .1s;
    -moz-transition:opacity .1s;
    -webkit-transition:opacity .1s
}
.sky-form .radio input+i:after{
    content:'';
    top:5px;
    left:5px;
    width:5px;
    height:5px;
    border-radius:50%
}
.sky-form .checkbox input+i:after{
    content:'';
    top:0;
    left:0;
    width:15px;
    height:15px;
    font:400 12px/16px FontAwesome;
    text-align:center
}
.sky-form .checkbox input:checked+i:after,.sky-form .radio input:checked+i:after{
    opacity:1
}
.sky-form .inline-group{
    margin:0 -30px -4px 0
}
.sky-form .inline-group:after{
    content:'';
    display:table;
    clear:both
}
.sky-form .inline-group .checkbox,.sky-form .inline-group .radio{
    float:left;
    margin-right:30px
}
.sky-form .inline-group .checkbox:last-child,.sky-form .inline-group .radio:last-child{
    margin-bottom:4px
}
.sky-form .toggle{
    margin-bottom:4px;
    padding-right:61px;
    font-size:15px;
    line-height:27px;
    color:#404040;
    cursor:pointer
}
.sky-form .toggle:last-child{
    margin-bottom:0
}
.sky-form .toggle input{
    position:absolute;
    left:-9999px
}
.sky-form .toggle i{
    content:'';
    position:absolute;
    top:5px;
    right:0;
    display:block;
    width:49px;
    height:22px;
    border-width:2px;
    border-style:solid;
    border-radius:12px;
    background:#fff
}
.sky-form .toggle i:after{
    content:'OFF';
    position:absolute;
    top:2px;
    right:8px;
    left:8px;
    font-style:normal;
    font-size:9px;
    line-height:13px;
    font-weight:700;
    text-align:left;
    color:#5f5f5f
}
.sky-form .toggle i:before{
    content:'';
    position:absolute;
    z-index:1;
    top:4px;
    right:4px;
    display:block;
    width:9px;
    height:9px;
    border-radius:50%;
    opacity:1;
    transition:right .2s;
    -o-transition:right .2s;
    -ms-transition:right .2s;
    -moz-transition:right .2s;
    -webkit-transition:right .2s
}
.sky-form .toggle input:checked+i:after{
    content:'ON';
    text-align:right
}
.sky-form .toggle input:checked+i:before{
    right:33px
}
.sky-form .rating{
    margin-bottom:4px;
    font-size:15px;
    line-height:27px;
    color:#404040
}
.sky-form .rating:last-child{
    margin-bottom:0
}
.sky-form .rating input{
    position:absolute;
    left:-9999px
}
.sky-form .rating label{
    display:block;
    float:right;
    height:17px;
    margin-top:5px;
    padding:0 2px;
    font-size:17px;
    line-height:17px;
    cursor:pointer
}
.sky-form .button{
    float:right;
    height:40px;
    overflow:hidden;
    margin:10px 0 0 20px;
    padding:0 25px;
    outline:0;
    border:0;
    font:300 15px/39px 'Cascadia Mono', '微软雅黑',Consolas, 'Courier New', monospace;
    text-decoration:none;
    color:#fff;
    cursor:pointer
}
.sky-form .btn{
    margin:10px 0 0 20px
}
.sky-form .btn:hover{
    margin-bottom:0
}
.sky-form .input-group-btn .btn{
    margin:0
}
.sky-form .tooltip{
    position:absolute;
    z-index:1;
    left:-9999px;
    padding:2px 8px 3px;
    font-size:11px;
    line-height:16px;
    font-weight:400;
    background:rgba(0,0,0,.9);
    color:#fff;
    opacity:0;
    transition:margin .3s,opacity .3s;
    -o-transition:margin .3s,opacity .3s;
    -ms-transition:margin .3s,opacity .3s;
    -moz-transition:margin .3s,opacity .3s;
    -webkit-transition:margin .3s,opacity .3s
}
.sky-form .tooltip:after{
    content:'';
    position:absolute
}
.sky-form .input input:focus+.tooltip,.sky-form .textarea textarea:focus+.tooltip{
    opacity:1
}
.sky-form .tooltip-top-right{
    bottom:100%;
    margin-bottom:15px
}
.sky-form .tooltip-top-right:after{
    top:100%;
    right:16px;
    border-top:4px solid rgba(0,0,0,.9);
    border-right:4px solid transparent;
    border-left:4px solid transparent
}
.sky-form .input input:focus+.tooltip-top-right,.sky-form .textarea textarea:focus+.tooltip-top-right{
    right:0;
    left:auto;
    margin-bottom:5px
}
.sky-form .tooltip-top-left{
    bottom:100%;
    margin-bottom:15px
}
.sky-form .tooltip-top-left:after{
    top:100%;
    left:16px;
    border-top:4px solid rgba(0,0,0,.9);
    border-right:4px solid transparent;
    border-left:4px solid transparent
}
.sky-form .input input:focus+.tooltip-top-left,.sky-form .textarea textarea:focus+.tooltip-top-left{
    right:auto;
    left:0;
    margin-bottom:5px
}
.sky-form .tooltip-right{
    top:9px;
    white-space:nowrap;
    margin-left:15px
}
.sky-form .tooltip-right:after{
    top:6px;
    right:100%;
    border-top:4px solid transparent;
    border-right:4px solid rgba(0,0,0,.9);
    border-bottom:4px solid transparent
}
.sky-form .input input:focus+.tooltip-right,.sky-form .textarea textarea:focus+.tooltip-right{
    left:100%;
    margin-left:5px
}
.sky-form .tooltip-left{
    top:9px;
    white-space:nowrap;
    margin-right:15px
}
.sky-form .tooltip-left:after{
    top:6px;
    left:100%;
    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
    border-left:4px solid rgba(0,0,0,.9)
}
.sky-form .input input:focus+.tooltip-left,.sky-form .textarea textarea:focus+.tooltip-left{
    right:100%;
    left:auto;
    margin-right:5px
}
.sky-form .tooltip-bottom-right{
    top:100%;
    margin-top:15px
}
.sky-form .tooltip-bottom-right:after{
    bottom:100%;
    right:16px;
    border-right:4px solid transparent;
    border-bottom:4px solid rgba(0,0,0,.9);
    border-left:4px solid transparent
}
.sky-form .input input:focus+.tooltip-bottom-right,.sky-form .textarea textarea:focus+.tooltip-bottom-right{
    right:0;
    left:auto;
    margin-top:5px
}
.sky-form .tooltip-bottom-left{
    top:100%;
    margin-top:15px
}
.sky-form .tooltip-bottom-left:after{
    bottom:100%;
    left:16px;
    border-right:4px solid transparent;
    border-bottom:4px solid rgba(0,0,0,.9);
    border-left:4px solid transparent
}
.sky-form .input input:focus+.tooltip-bottom-left,.sky-form .textarea textarea:focus+.tooltip-bottom-left{
    right:auto;
    left:0;
    margin-top:5px
}
.sky-form .checkbox i,.sky-form .ico-append,.sky-form .ico-prepend,.sky-form .input input,.sky-form .radio i,.sky-form .select select,.sky-form .textarea textarea,.sky-form .toggle i{
    border-color:#e5e5e5;
    transition:border-color .3s;
    -o-transition:border-color .3s;
    -ms-transition:border-color .3s;
    -moz-transition:border-color .3s;
    -webkit-transition:border-color .3s
}
.sky-form .toggle i:before{
    background-color:#2da5da
}
.sky-form .rating label{
    color:#ccc;
    transition:color .3s;
    -o-transition:color .3s;
    -ms-transition:color .3s;
    -moz-transition:color .3s;
    -webkit-transition:color .3s
}
.sky-form .button{
    background-color:#2da5da;
    opacity:.8;
    transition:opacity .2s;
    -o-transition:opacity .2s;
    -ms-transition:opacity .2s;
    -moz-transition:opacity .2s;
    -webkit-transition:opacity .2s
}
.sky-form .button.button-secondary{
    background-color:#b3b3b3
}
.sky-form .ico-append,.sky-form .ico-prepend{
    color:#ccc
}
.sky-form .ico-prepend{
    left:5px;
    padding-right:3px;
    border-right-width:1px;
    border-right-style:solid
}
.sky-form .ico-append{
    right:5px;
    padding-left:3px;
    border-left-width:1px;
    border-left-style:solid
}
.sky-form .ico-append,.sky-form .ico-prepend{
    position:absolute;
    top:5px;
    width:29px;
    height:29px;
    font-size:15px;
    line-height:29px;
    text-align:center
}
.sky-form .input .ico-prepend+.ico-append+input,.sky-form .input .ico-prepend+input,.sky-form .textarea .ico-prepend+.ico-append+textarea,.sky-form .textarea .ico-prepend+textarea{
    padding-left:46px
}
.sky-form .checkbox:hover i,.sky-form .input:hover input,.sky-form .radio:hover i,.sky-form .select:hover select,.sky-form .textarea:hover textarea,.sky-form .toggle:hover i{
    border-color:#8dc9e5
}
.sky-form .rating input+label:hover,.sky-form .rating input+label:hover~label{
    color:#2da5da
}
.sky-form .button:hover{
    opacity:1
}
.sky-form .checkbox input:focus+i,.sky-form .input input:focus,.sky-form .radio input:focus+i,.sky-form .select select:focus,.sky-form .textarea textarea:focus,.sky-form .toggle input:focus+i{
    border-color:#2da5da
}
.sky-form .radio input+i:after{
    background-color:#2da5da
}
.sky-form .checkbox input+i:after{
    color:#2da5da
}
.sky-form .checkbox input:checked+i,.sky-form .radio input:checked+i,.sky-form .toggle input:checked+i{
    border-color:#2da5da
}
.sky-form .rating input:checked~label{
    color:#2da5da
}
.sky-form .checkbox.state-error i,.sky-form .radio.state-error i,.sky-form .state-error input,.sky-form .state-error select,.sky-form .state-error textarea,.sky-form .toggle.state-error i{
    background:#fff0f0
}
.sky-form .state-error select+i{
    background:#fff0f0;
    box-shadow:0 0 0 12px #fff0f0
}
.sky-form .toggle.state-error input:checked+i{
    background:#fff0f0
}
.sky-form .note-error{
    color:#fff;
    padding:3px;
    display:inline-block;
    background-color:#ee9393
}
.sky-form .checkbox.state-success i,.sky-form .radio.state-success i,.sky-form .state-success input,.sky-form .state-success select,.sky-form .state-success textarea,.sky-form .toggle.state-success i{
    background:#f0fff0
}
.sky-form .state-success select+i{
    background:#f0fff0;
    box-shadow:0 0 0 12px #f0fff0
}
.sky-form .toggle.state-success input:checked+i{
    background:#f0fff0
}
.sky-form .note-success{
    color:#fff;
    padding:3px;
    display:inline-block;
    background-color:#6fb679
}
.sky-form .button.state-disabled,.sky-form .checkbox.state-disabled,.sky-form .input.state-disabled input,.sky-form .radio.state-disabled,.sky-form .select.state-disabled,.sky-form .textarea.state-disabled,.sky-form .toggle.state-disabled{
    cursor:default;
    opacity:.5
}
.sky-form .checkbox.state-disabled:hover i,.sky-form .input.state-disabled:hover input,.sky-form .radio.state-disabled:hover i,.sky-form .select.state-disabled:hover select,.sky-form .textarea.state-disabled:hover textarea,.sky-form .toggle.state-disabled:hover i{
    border-color:#e5e5e5
}
.sky-form.boxed{
    border:rgba(0,0,0,.1) 1px solid
}
.sky-form footer{
    padding:8px 0;
    margin-bottom:0
}
.sky-form .btn{
    position:relative;
    margin-top:0
}
.sky-form .btn .loader,.sky-form .btn .loader:before,.sky-form .btn .loader:after{
    width:10px;
    height:10px;
    position:absolute;
    top:0;
    border-radius:50%;
    box-shadow:-10px 0 0 0 #fff;
    animation-fill-mode:both;
    animation:button-load 1.8s infinite ease-in-out
}
.sky-form .btn .loader{
    display:none;
    left:50%;
    bottom:0;
    margin-left:5px;
    margin-top:auto;
    margin-bottom:auto;
    animation-delay:-.16s
}
.sky-form .btn .loader:before,.sky-form .btn .loader:after{
    content:''
}
.sky-form .btn .loader:before{
    left:-18px;
    animation-delay:-.32s
}
.sky-form .btn .loader:after{
    left:18px
}
.sky-form .btn.disabled{
    font-size:0
}
.sky-form .btn.disabled:focus{
    outline:none
}
.sky-form .btn.disabled .loader{
    display:block
}
.sky-form.boxed{
    background-color:#fff
}
.sky-form fieldset{
    padding:0 0 30px 0
}
.sky-form header{
    background:transparent!important
}
.sky-form .checkbox input:hover+i,.sky-form .input input:hover,.sky-form .radio input:hover+i,.sky-form .select select:hover,.sky-form .textarea textarea:hover,.sky-form .toggle input:hover+i,.sky-form .checkbox input:focus+i,.sky-form .input input:focus,.sky-form .radio input:focus+i,.sky-form .select select:focus,.sky-form .textarea textarea:focus,.sky-form .toggle input:focus+i{
    border-color:#c6c6c6
}
.box-static.box-border-top{
    border-color: var(--my-blue-color);
}
@keyframes button-load{
    0%,80%,100%{
        box-shadow:-10px 0 0 -10px #fff
    }
    40%{
        box-shadow:-10px 0 0 0 #fff
    }
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:#121212
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{
    color:#888
}

h3 {
    margin-block-start: 0em;
    margin-block-end: 0em;
}
small{
    font-family:'Lato',sans-serif
}
.btn{
    position:relative
}
.btn.btn-sm,.btn.btn-xs,.btn.btn-lg,.btn.btn-xlg{
    height:auto
}
.btn.btn-default{
    border:2px solid #ccc;
    line-height:26px
}

.btn>i {
    padding-right: 6px;
}
.fa, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.fa, .fas, .far, .fal, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.uppercase {
    text-transform: uppercase;
}
.loader {
    display: none;
    left: 50%;
    bottom: 0;
    margin-left: 5px;
    margin-top: auto;
    margin-bottom: auto;
    animation-delay: -.16s;
}

.form-label {
    width: 90px;
    height: 40px;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230099ff'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.custom-list-group .title {
  font-weight: bold;
  width: 120px;
  display: inline-block;
}
.custom-list-group .info {
  margin-left: 8px;
}
.popover-body {
  font-size: 14px;
}
.list-group-item {
    line-height: 2.5;
}
.list-group-item.active {
  background-color: var(--my-blue-color);
  border-color: var(--my-blue-color);
}

.autocomplete {
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
  background-color: #e9e9e9;
}

.autocomplete-active {
  background-color: var(--my-blue-color) !important;
  color: #ffffff;
}